<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>我的订单</title>
    <link rel="stylesheet" href="../assets/css/jquery.mobile-1.4.5.min.css">
    <link rel="stylesheet" href="../assets/iconfont/demo.css">
    <link rel="stylesheet" href="../assets/iconfont/iconfont.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <!--<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>-->
    <script src="../assets/js/jquery.mobile-1.4.5.min.js"></script>
    <script>
        setTimeout('showLoader()', 100);//这里要延迟一下，直接调用无法显示加载器
        //显示加载器.for jQuery Mobile 1.2.0
        function showLoader() {
            $.mobile.loading('show', {
                text: '正在加载中...', //加载器中显示的文字
                textVisible: true, //是否显示文字
                theme: 'a',        //加载器主题样式a-e
                textonly: false,   //是否只显示文字
                html: ""           //要显示的html内容，如图片等
            });
        }
        //隐藏加载器.for jQuery Mobile 1.2.0
        function hideLoader() {
            $.mobile.loading('hide');
        }
        window.onload = function () {
            hideLoader();
            setTimeout('hideLoader()', 800);//延迟5秒，模拟图片和多媒体加载耗时
        }
        $(document).ready(function () {
            //setTimeout('hideLoader()', 5000);//延迟5秒，模拟页面请求数据耗时，ajax异步请求等放在这里
        })
    </script>
    <link rel="stylesheet" href="../css/my_order.css">
    <link rel="stylesheet" href="../common/common.css">
    <script src="../common/common.js"></script>
    <script src="../assets/js/jweixin-1.2.0.js"></script>  <!--微信js接口引入-->
    <script src="../common/sprintf.js"></script>
    <script src="../common/underscore-min.js"></script>
    <script src="../config.js"></script>
</head>
<body>
</div>
<div data-role="page" class="page">
    <div data-role="header" class="header">
        <div class="banner">
            <ul class="topTabbar">
                <li order="0" class="active-tapbar">待支付</li>
                <li order="1">待制作</li>
                <li order="2">已完成</li>
            </ul>
        </div>
    </div>
    <div class="coffe-categ">
        <div class="coffe-info">
            <span class="make-order-no">订单号：<span  id="orderNo">123456789123456789</span></span>
            <span class="make-order-time">时间：<span id="make_order_time">2017-6-21 12:45:10</span></span>
        </div>
        <div class="order-detail">
            <div class="sku-name" id="sku_name">意式浓缩<!--<span id="orderFee" class="order-fee">实付：7.00元</span>--></div>
            <div class="order-img"><img id="order_sku_img" src="../assets/img/img_01yishi_s.png" alt=""></div>
            <div class="order-status">待支付</div>
        </div>
        <div class="operate">
            <button data-role="none" id="operate" orderid="" skuid="">立即支付</button>
            <a href="javaScript:void(0);" data-role="none" id="operate1" orderid="" skuid="">评价一下</a>
            <div class="apply-notice">
                <div class="apply-refund">
                    <a data-role="none" href="#" id="aplyRefund" class="refund">申请退款</a><span class="refund-notice">（只限订单生成当天）</span>
                </div>
            </div>
        </div>
    </div>
    <div class="status pingfang">
    </div>

    <div class="order-list list-title">
        <span class="list-order-time">日期</span><span class="list-order-name">名称</span><span class="list-order-status">状态</span>
    </div>
    <div data-role="none" class="content">
        <!--<div class="order-list list-first">
            <span class="list-order-time">2017-7-1</span><span class="list-order-name">意式咖啡</span><span class="list-order-status">制作中</span>
        </div>
        <div class="order-list">
            <span class="list-order-time">2017-6-28</span><span class="list-order-name">卡布奇诺外卖</span><span class="list-order-status">等待付款</span>
        </div>
        <div class="order-list selected-status">
            <span class="list-order-time">2017-6-28</span><span class="list-order-name shored-name">意式10张券</span><span class="list-order-status">已分享</span>
        </div>-->
    </div>
</div>
<script src="../assets/js/fontAdjust.js"></script>
<script src="../js/my_order.js"></script>
</body>
</html>